		<header>
		    <!-- 顶部 start -->
		    <div class="top-bg">
		        <div class="top container">
		            <div class="logo"><img src="img/logo.png" style="vertical-align: middle;"></div>
		            <div class="search">
		                <input id="search_input" type="text" placeholder="请输入商品关键词">
		                <i id="btn_search" class="fa fa-search search-icon"></i>
		            </div>
		            <div class="user-and-cart">
		                <div class="user left">
		                    <i class="fa fa-user fa-lg hand hover-white"></i>
		                </div>
		                <div class="cart left hand">
		                    <div class="hover-white">
		                        <i class="fa fa-shopping-cart fa-lg"></i>
		                        <san class="cart-num">0</san>
		                    </div>
		                    <div class="cart-box">
		                        <div class="empty-cart">
		                            <i class="fa fa-shopping-cart" style="font-size: 66px;"></i>
		                            <p>您的购物车竟然是空的</p>
		                        </div>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		    <!-- 顶部 end -->
		
		    <!-- 横向导航 start -->
		    <div class="nav-bg">
		        <div class="container">
		            <ul class="nav clearfix">
		                <li><a href="">首页</a></li>
		                <li><a href="">全部商品</a></li>
		                <li><a href="">品牌周边</a></li>
		                <li><a href="">后台管理系统</a></li>
		                <li><a href="">gitee</a></li>
		            </ul>
		        </div>
		    </div>
		    <!-- 横向导航 end -->
		</header>